<!DOCTYPE HTML>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>一品粥吧</title>
    <link rel = "stylesheet" href = "consumer_all.css">
    <script src="jquery-1.5.1.js"></script>
    <script src="jquery-1.5.1.js"></script>
    <script src="ui/jquery.ui.core.js"></script>
    <script src="ui/jquery.ui.widget.js"></script>
    <script src="ui/jquery.ui.tabs.js"></script>
    <script src="ckeditor/ckeditor.js"></script>
    <link rel="stylesheet" href="themes/base/jquery.ui.all.css">
    <script>
        $(function(){
            $("#detail_bottom").tabs();
        });
    </script>
</head>
<body>
    <div class="header">
        <div id="header_bar">
            <div id="welcome_info">
                <label id="welcome_label" auth="false">您好！欢迎光临一品粥吧</label>
                <span id="login_register"><a href="#" rel="nofollow">登录</a> | <a href="consumer_reg.html">免费注册</a></span>
            </div>
            <div id="quick_menu">
                <ul class="quick_menu2">
                    <li id="quick_menu_list"><a href="product_index_manage.html">我是卖家</a></li><li id="quick_menu_list"> | </li>
                    <li id="quick_menu_list"><a href="">我是买家</a></li><li id="quick_menu_list"> | </li>
                    <li id="quick_menu_list"><a href="consumer_personal_center.html">个人中心</a></li><li id="quick_menu_list"> | </li>
                    <li id="quick_menu_list"><a href="consumer_check1.html">购物车(3)</a></li><li id="quick_menu_list"> | </li>
                    <li id="quick_menu_list"><a href="">搜索</a></li><li id="quick_menu_list"> | </li>
                    <li id="quick_menu_list"><a href="">网站导航</a></li>
                </ul>
            </div>
        </div>
        <div id="header_image">
            <a href="consumer_index.html"><img class="topbar" width="950" height="150" src="img/topbar.jpg" /></a>
        </div>
    </div>
    <div class="main_all">
        <div id="left">
            <div id="catalog">
                <ul class="catalog_list">
                    <li><a href="">粥类</a></li>
                    <li><a href="">炒饭类</a></li>
                    <li><a href="" id="favor_btn">蒸菜类</a></li>
                    <li><a href="">甜品类</a></li>
                    <li><a href="">饮料类</a></li>
                </ul>
            </div>
            <div id="service">
                
            
                <ul class="service_list">
                    <li><a class="link" href=""><b>订餐电话：</b></a>13678787878</li>
                    <li><a class="link" href=""><b>客服电话：</b></a>13878787878</li>
                    <li><a href=""><b>在线QQ：</b></a>10000</li>
                    <li><a href="" id="favor_btn"><b>E-mail：</b></a>ypzb@ypzb.com</li>
                </ul>
            </div>
        </div>
        
        <div id="food_details">
            <div id="detail_top">
                <div id="detail_pic">
                    <img class="detail_pic2" width="210" height="200" src="img/food2.jpg"/>
                </div>
                <div id="detail_description">
                    <div id="detail_description_word">
                        <div id="detail_name"><b>商品名：</b>菜肉丝面</div>
                        <div id="detail_price"><b>价格：</b>108.0元</div>
                        <div id="detail_vipprice"><b>VIP价格：</b>88.0元</div>
                    </div>
                    <div id="detail_buy_count">
                        购买数量：<input type="text" id="txt_buy_cnt" value="1"/>份
                    </div>
                    <div id="detail_description_btn">
                        <form action="consumer_check1.html" method="get">
                            <input type="submit" id="btn_buy" value="立即购买"/>
                        </form>
                        <input type="submit" id="btn_addToCart" value="加入购物车"/>
                    </div>
                </div>
            </div>
            <div id="detail_bottom">
                <ul>
                    <li><a href="#more_info">详情</a></li>
                    <li><a href="#comment">评价</a></li>
                    <li><a href="#deal_record">成交记录</a></li>      
                </ul>
                <div id="more_info" class="more_info2">
                    <b>中文：</b></br>
                    把本商品为千年就佳肴，美味可口。</br>
                    欢迎品尝。</br>
                    <b>English：</b></br>
                    This product for the millennium on the food, delicious.</br>
                    Please enjoy.</br>
                    <b>Latvija Valoda</b></br>
                    Šis produkts par pārtikas gadu tūkstotī, garšīgi.</br>
                    Lūdzu, baudīt.</br>
                    <b>感谢Google Translate</b>
                </div>
                <div id="comment" class="comment2">
                    <table id="comment_table">
                    <thead>
                        <b>评价详情</b>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                毛氏将军
                            </td>
                            <td>
                                美味可口！
                            </td>
                            <td>
                                4.9
                            </td>
                        </tr>
                        <tr>
                            <td>
                                操帝
                            </td>
                            <td>
                                垃圾...
                            </td>
                            <td>
                                -4.9
                            </td>
                        </tr>
                    </tbody>
                </table>
                </div>
                <div id="deal_record" class="deal_record2">
                    <table id="deal_table">
                    <thead>
                        <b>成交记录</b>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                毛氏将军
                            </td>
                            <td>
                                2
                            </td>
                        </tr>
                        <tr>
                            <td>
                                操帝
                            </td>
                            <td>
                                2
                            </td>
                        </tr>
                    </tbody>
                </table>
                </div>
            </div>
        </div>
    <div class="footer">
    <table width = "100%" >
        <tr><td>
            <center>
                <table>
                    <tr><td>版权所有：一品粥吧</td></tr>
                    <tr><td>地址：上海市宝山区锦秋路1146号，上海大学北门西边400米</td></tr>
                    <tr><td>轨道交通：7号线 上海大学站2号出口前行400米<br/>
                    公交车: 185（原767B），767，上嘉线，祁宝线，58路锦秋路站前行200米<br/>
                    摩的三轮:上大北门1分钟即到
                    </td></tr>
                    <tr><td>电话：15900659396</td></tr>
                    <tr><td>邮箱：<a href="mailto://1653081043@qq.com">1653081043@qq.com</a></td></tr>
                    <tr><td><a href="http://www.dianping.com/shop/4131938">大众点评网连接</a></td></tr>
                </table>
            </center>
        </td></tr>
    </table>
    </div>
</body>
</html>